<!DOCTYPE html>
<style>
    #multicol { columns:2; width:100px; line-height:20px; background:black; }
    #float { float:right; width:30px; height:30px; background:blue; break-inside:avoid; }
</style>
<p>There should be a blue box in the top right corner of the black box.</p>
<div id="multicol">
    x<br>
    <div id="float"></div>
    x<br>
    x<br>
</div>
